.box(@width:1210px,@height:auto,@margin:0 auto,@backgorund:#fff){
    height: @height;
    width: @width;
    margin: @margin;
    background: @backgorund;
    overflow: hidden;
}
@color:#E4393C;
@a-color:#005aa0;
@bgcolor:#F7F7F7;
@border:1px solid #DDDDDD;
//面包导航
.mian-bao-nav{
    .box(@height:45px);
    line-height: 45px;
    margin-top: -10px;
    .ding-ji{
        font-size: 18px;
        font-family: "微软雅黑";
        font-weight: bold;
    }
    a{
        margin-right: 8px;
        span{
            font-family: simsun;
        }
        &:hover{
            text-decoration: underline;
        }
    }
}

//面包导航结束

//宝贝选购信息开始
.product-intro{
    .box(@backgorund:#fff);
    .left{
        float: left;
        padding: 10px 10px 10px 10px;
        width: 358px;
        height: 469px;
        position: relative;
        z-index: 2;
        .box-400{
            position: absolute;
            left: 378px;
            background: #FFFFFF;
            top: 0;
            width: 400px;
            height: 400px;
            border: @border;
            overflow: hidden;
            display: none;
            img{
                position: absolute;
                left: 0;
                top: 0;
                display: none;
            }
        }
        .pic-box{
            width: 350px;
            height: 350px;
            position: relative;
            a{
                position: absolute;
                left: 0;
                top: 0;
                display: none;
                img{
                    display: block;
                    width: 350px;
                    margin: 0 auto;
                }
            }
            .he-zi{
                position: absolute;
                left: 0;
                top: 0;
                width: 100px;
                height: 100px;
                opacity: 0.5;
                display: none;
                border:1px solid #aaa;
                background: #FEDE4F;
                z-index: 5555;
            }
        }
        .list-box{
            ul{
                margin-top: 10px;
                li{
                    float: left;
                    margin-left: 6px;
                    margin-right: 11px;
                    border: 2px solid #FFFFFF;
                    &:hover{
                      border: 2px solid @color;
                    }
                }
            }
        }
    }
    //左边结束
    .center{
        float: left;
        width: 800px;
        height: auto;
        overflow: hidden;
        h1{
            font-family: "微软雅黑";
            font-size: 16px;
        }
        .jia-ge{
//          height: 124px;
            height: 115px;
            overflow: hidden;
            background: @bgcolor;
            padding: 10px 10px 10px 10px;
            dl{
                height: 24px;
                line-height: 23px;
                margin-bottom: 4px;
                dt{
                    float: left;
                }
                dd{
                    float: left;
                    strong{
                        font-size: 20px;
                        color: @color;
                        font-family: arial;
                    }
                    a{
                        color: @a-color; 
                        &:hover{
                            color: @color; 
                        }
                    }
                    &.ping-jia{
                        line-height: 0;
                        float: right;
                        border-left: @border;
                        padding-left: 10px;
                        text-align: center;
                        span{
                            margin-top: 10px;
                            display: block;
                        }
                        a{
                            line-height: 0;
                            margin-top: 15px;
                            display: block;
                        }
                    }
                }
            }
//          这里是下一个
            .dl{
                margin-top: 20px;
                .dt{
                    float: left;
                }
                .dd{
                    float: left;
                    ul{
                        li{
                            margin-bottom: 25px;
                            em{
                                padding: 0 3px 0 3px;
                                background: @color;
                                color: #FFFFFF;
                                font-style: normal;
                            }
                            strong{
                                color: @color;
                                margin-left: 5px;
                            }
                            span{
                                color: @color;
                                margin-left: 5px;
                            }
                        }
                    }
                }
            }
        }
        //商品选择
        .xiang-xi{
            margin-top: 10px; 
            border: 1px dashed #DDDDDD;
            height: auto;
            overflow: hidden;
            padding: 10px;
            .title{
                float: left;
            }
            .right{
                float: left;
                margin-top: 10px;
                ul{
                    li{
                        a{
                            padding: 2px;
                            border: @border;
                            line-height: 25px;
                            padding-left: 15px;
                            float: left;
                            position: relative;
                            margin-right: 5px;
                            margin-bottom: 5px;
                            img{
                                position: absolute;
                                left: 3px;
                                top: 2px;
                            }
                            .zhong{
                                border: 2px solid @color; 
                                padding: 1px;
                                padding-left: 14px;
                                b{
                                    position: absolute;
                                    bottom: 0;
                                    right: 0;
                                    display: block;
                                    width: 12px;
                                    height: 12px;
                                    background: url(../img/listimage/newicon20140910.png) no-repeat -200px -224px;
                                }
                            }
                            &.checked{
                               .zhong
                            }
                            &:hover{
                                .zhong
                            }
                            &.car-btn{
                                border: none;
                                width: 135px;
                                height: 36px;
                                background: url(../img/listimage/p-btns.png);
                            }
                        }
                    }
                }
            }
        }
    }
    //中间结束
}
//宝贝选购信息结束

//商品详情
.bao-miao-shu{
    .box();
    .left{
        .box(@width:208px);
        float: left;
        ul{
            overflow: hidden;
            height: auto;
            margin-bottom: 15px;
            border: @border;
            li{
                padding: 5px 10px 0px 5px;
               
                overflow: hidden;
                height: auto;
                &.title{
                     background: @bgcolor;
                     border-bottom: @border;
                    h2{
                        font-size: 14px;
                        font-family: "微软雅黑";
                    }
                }
                a{
                    width: 50%;
                    float: left;
                    margin-bottom: 10px;
                }
            }
        }
    }
    .right{
        .box(@width:990px);
        position: relative;
        float: right;
        .xiang-qing{
            position: relative;
            height: auto;
            overflow: hidden;
            margin-bottom: 15px;
//          height: 4000px;
            .top{
                width: 988px;
                background: @bgcolor;
                height: 33px;
                margin: 4px 0px 0 0;
                border: @border;
                border-top: 2px solid #999999;
                ul{
                    li{
                        float: left;
                        line-height: 33px;
                        padding-left: 10px;
                        font-family: "微软雅黑";
                        font-size: 14px;
                        cursor: pointer;
                        padding-right: 10px;
                        &:hover{
                            color: @color;
                        }
                        &.btn{
                            float: right;
                            a{
                                margin-top: 5px;
                                display: block;
                                width: 104px;
                                height: 21px;
                                background: url(../img/listimage/p-btns.png) no-repeat 0px -46px;
                                float: right;
                            }
                        }
                        &.checked{
                            margin-top: -5px;
                            background: #FFFFFF;
                            line-height: 37px;
                            border-top: 2px solid @color;
                            border-right: @border;
                        }
                    }
                }
            }
            .bottom{
                position: relative;
                left: 0;
                top: 0px;
                &.position{
//                  position: absolute;
//                  left: 0;
//                  top: 40px;
                    display: none;
                }
                    .tab{
                    .box(@width:990px);
                    .gui-ge{
                        .box(@width:988px,@height:126px);
                        border: @border;
                        border-top: none;
                        ul{
                            margin-top: 20px;
                            li{
                                width: 15%;
                                float: left;
                                margin-left: 50px;
                                margin-right: 40px;
                                margin-bottom: 10px;
                            }
                        }
                    }
                }
                .pic{
                    .box(@width:968px,@margin:15px 0 0 0);
                    border: @border;
                    padding: 10px;
                    p{
                        margin-bottom: 10px;
                        span{
                            display: block;
                            float: left;
                            width: 16px;
                            height: 16px;
                            background: url(../img/listimage/warring.png);
                        }
                        a{
                            color: @a-color;
                            &:hover{
                                color: @color;
                            }
                        }
                    }
                    img{
                        display: block;
                        margin: 0 auto;
                    }
                }
                .ping-lun{
                    .hd-form{
                        .gao{
                            height: 168px;
                        }
                        tr{
                            span{
                                display: block;
                                width: 73px;
                                height: 16px;
                                background: url(../img/listimage/newicon20140910.png) no-repeat -109px -238px;
                            }
                        }
                    }
                }
            }
        }
    }
}
//商品详情结束








